<head>
<script src="../../resources/ahem.js"></script>
<style type="text/css">
  .ahem { font: 20px Ahem; }
</style>
<script>
if (window.testRunner)
    testRunner.dumpAsText();

function runTest() {
  runFrameCursorMoveTest();
  runDivCursorMoveTest();
}

function generateContent() {
    var content = "";
    for (var i = 0; i < 10; ++i)
        content += "<p>line " + i + "</p>\n";
    return content;
}

function runFrameCursorMoveTest() {
    var frame = frames[0];
    var doc = frame.document;
    var body = doc.body;
    body.innerHTML = generateContent();
    frame.focus();
    frame.getSelection().collapse(body.firstChild, 0);
    runCursorMoveTest("iframe", frame, frame);
}

function runDivCursorMoveTest() {
    var editable = document.getElementById('editable');
    editable.innerHTML = generateContent();
    editable.focus();
    window.getSelection().collapse(editable, 0);
    runCursorMoveTest("div", editable, window);
}

function runCursorMoveTest(testName, frame, selectionSource)
{
    var onMacPlatform = navigator.userAgent.search(/\bMac OS X\b/) != -1;
    var modifiers = onMacPlatform ? ["altKey"] : [];

    if (!window.eventSender)
        return;

    eventSender.keyDown("PageDown", modifiers);
    var line = selectionSource.getSelection().baseNode.nodeValue;
    if (line != "line 3")
        throw "cursor should be at line 3, not " + line;

    eventSender.keyDown("PageDown", modifiers);
    var line = selectionSource.getSelection().baseNode.nodeValue;
    if (line != "line 6")
        throw "cursor should be at line 6, not " + line;

    eventSender.keyDown("PageUp", modifiers);
    var line = selectionSource.getSelection().baseNode.nodeValue;
    if (line != "line 3")
        throw "cursor should be at line 3, not " + line;

    // Test that on Mac PageDown/PageUp does not move the cursor at all.
    if (onMacPlatform) {
      eventSender.keyDown("PageDown", []);
      var line = selectionSource.getSelection().baseNode.nodeValue;
      if (line != "line 3") {
          document.getElementById("results").innerText = "cursor should be at line 3, not " + line;
          throw "cursor should be at line 3, not " + line;
      }

      eventSender.keyDown("PageUp", []);
      var line = selectionSource.getSelection().baseNode.nodeValue;
      if (line != "line 3") {
          document.getElementById("results").innerText = "cursor should be at line 3, not " + line;
          throw "cursor should be at line 3, not " + line;
      }
    }

    document.getElementById("results").innerHTML += testName + " PASS<br/>";
}
</script>
</head>
<body onload="runTest()">
<div>Page up/down (option+page up/down on Mac) should move the move cursor and scroll the content
in contenteditable elements. This sample covers cursor position move test of a) iframe element containing
contenteditable body, and b) content editable div element.</div>
<iframe src="../resources/contenteditable-iframe-fixed-size-src.html"></iframe>
<div id="editable" contenteditable="true" class="ahem" style="height:150px; overflow:auto;"></div>
<div id="results"></div>
</body>
